<?php 
include_once '../classes/design.php';

$design = new Design("br");
$design->imprimir_topo();
?>

<link rel="stylesheet" href="../css/colorbox.css" />
<script src="../javascript/jquery-1.7.1.min.js"></script>
<script src="../javascript/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
	$('.prints').colorbox({rel: 'prints', transition: 'elastic'});
});
</script>

<h1>Experiência</h1>

Nessa página, mostrarei um pouco de minha experiência profissional, mostrando os sistemas nos quais trabalhei e as tecnologias aplicadas.

<p/>
<h2>Sistema de Controle Acadêmico - Faculdade CESREI</h2>
<div style="display: table-cell;">
	<a class="prints" title="Sistema de Controle Acadêmico - Faculdade CESREI" href="../img/cesrei.png">
		<img src="../img/cesrei_thumb.png" style="float: left; margin: 0 10px 10px 0;"/>
	</a>
	<b>2006 - Atual</b><br/>
	A Faculdade CESREI tem (em março de 2012) mais de mil alunos, e esse sistema controla todas as suas informações acadêmicas. Ele fornece controle sobre informação dos cursos da faculdade, alunos, professores, funcionários, disciplinas, horários, pagamentos e folhas de pagamento. Grande parte das tarefas do cotidiano da faculdade é feita nesse sistema, que está em uso por seis anos (desde 2006) e é crucial para o funcionamento da faculdade. Eu utilizei PHP e MySQL, e a interface foi feita com apenas HTML e CSS.
</div> 

<p/>
<h2>FLOApp (Free/Livre/Open Applications)</h2>
<div style="display: table-cell;">
	<a class="prints" title="FLOApp (Free/Livre/Open Applications)" href="../img/floapp.png">
		<img src="../img/floapp_thumb.png" style="float: right; margin: 0 0 10px 10px;"/>
	</a>
	<b>2010</b><br/>
	Ambiente colaborativo para gestão de projetos de código aberto que focam em gestão pública, desenvolvido pela empresa de software Inteligis. Eu trabalhei principalmente na criação de web services SOAP (feitos em PHP) para prover a comunicação entre o FLOApp e o FusionForge (um sistema de código aberto que fornece gestão de projetos, tarefas, releases, fóruns de discussão, etc.). Trabalhei também na instalação e configuração dos servidores web (Apache e Tomcat), com PHP 5 e PostgreSQL, em ambiente Linux.
</div>

<p/>
<h2>Sistema de Informação - PROPEX - UFCG</h2>
<div style="display: table-cell;">
	<a class="prints" title="Sistema de Informação - PROPEX - UFCG" href="../img/propex.png">
		<img src="../img/propex_thumb.png" style="float: left; margin: 0 10px 10px 0;"/>
	</a>
	<b>2009 - 2010</b><br/>
	Criado e desenvolvido por mim, do zero, esse sistema foi construído para dar melhor controle para a Pró-Reitoria de Pesquisa e Extensão (PROPEX) da UFCG sobre os projetos de pesquisa/extensão da universidade, e seus estudantes. Utilizei banco de dados MySQL, PHP para o back-end, e HTML, CSS e Javascript para uma interface rica. Os usuários tinham senha individual criptografada, e diferentes privlégios no sistema, de acordo com seu papel.
</div>

<p/>
<h2>Web Site - Faculdade CESREI</h2>
<div style="display: table-cell;">
	<div style="float: right; margin: 0 0 10px 10px;">
		<a class="prints" title="Web Site - Faculdade CESREI (Página principal)" href="../img/cesreisite.png">
			<img src="../img/cesreisite_thumb.png" style="margin-bottom: 5px;"/><br/>
		</a>
		<a class="prints" title="Web Site - Faculdade CESREI (Área do professor)" href="../img/cesreisite2.png">
			<img src="../img/cesreisite2_thumb.png" />
		</a>
	</div>
	<b>2004 - 2010</b><br/>
	Criei e desenvolvi esse site não apenas para fazer publicidade da faculdade, mas também para promover a interação com alunos e professores. Tratou-se de um portal dinâmico, com uma área administrativa para inserção de notícias, avisos, enquetes, calendário, editais e resultados de vestibular. Também deu a alunos e professores acesso individual, através de senha. Professores publicavam arquivos para suas turmas, notas de seus alunos, e as enviavam diretamente para a secretaria da faculdade (área do professor mostrada na segunda imagem ao lado). Alunos tinham acesso às notas e arquivos publicados por seus professores, e também a seus históricos acadêmicos e horário individual. Tudo foi desenvolvido com PHP, Flash, HTML/CSS e Javascript, e usou banco de dados Mysql. O layout tinha 3 diferentes esquemas de cor e 8 imagens diferente para o topo (fotos de pontos marcantes de nossa cidade), que eram carregadas aleatoriamente, dando 24 diferentes visuais às páginas.<br/>Apesar de o site ter mudado após 2010, suas <i>features</i> de administração, e as áreas de alunos/professores ainda estão em uso até hoje.
</div>

<p/>
<h2>Web Site - Escola CERC</h2>
<div style="display: table-cell;">
	<div style="float: left; margin: 0 10px 10px 0;">
		<a class="prints" title="Web Site - Escola CERC (Página principal)" href="../img/cerc.png">
			<img src="../img/cerc_thumb.png" style="margin-bottom: 5px;"/><br/>
		</a>
		<a class="prints" title="Web Site - Escola CERC (Boletim de aluno)" href="../img/cerc2.png">
			<img src="../img/cerc2_thumb.png" />
		</a>
	</div>
	<b>2002 - 2006</b><br/>
	Esse foi meu primeiro projeto, que me iniciou na programação. O CERC era uma escola de médio porte (já fechou as portas), com aproximadamente 400 alunos à época. Criei o site completo para a escola, usando PHP, Flash, e HTML/CSS, para conseguir uma interface colorida e bastante animada. Haviam áreas de notícias, artigos, enquetes, quadro de avisos e, a principal característica, acesso aos boletins dos alunos (como é mostrado na segunda imagem). Isso foi feito com banco de dados MySQL. O CERC foi a primeira escola da cidade a fornecer esse serviço aos alunos e seus pais, nos idos de 2002.
</div>

<p/>
<h2>Outros Projetos</h2>
<div style="display: table-cell;">
	<div style="float: right; margin: 0 0 10px 10px;">
		<a class="prints" title="Barzin (Configuration screen)" href="../img/barzin1.png">
			<img src="../img/barzin1_thumb.png" style="margin-bottom: 5px;"/><br/>
		</a>
		<a class="prints" title="Barzin (Order screen)" href="../img/barzin2.png">
			<img src="../img/barzin2_thumb.png" />
		</a>
	</div>
	<b>2011 - 2012: Barzin</b><br/>
	Esse foi um projeto para uma disciplina em minha graduação, e consistiu de um sistema para promover interação em restaurantes e bares, com tablets Android nas mesas. O gerente do estabelecimento tinha o papel de inserir o cardápio no sistema, em uma interface web, e os clientes navegavam nesse cardápio para fazer pedidos no tablet. Era possível dividir cada pedido (e a conta como um todo) para as pessoas na mesa, para que cada um soubesse quanto era sua parcela. O cliente também tinha a possibilidade de bater papo com os outros tablets. Houve 3 pessoas envolvidas nesse projeto, e nós utilizamos Java, PHP, HTML/CSS, Javascript, AJAX e banco de dados MySQL.
</div>
<p/>
<div style="display: table-cell;">
	<a class="prints" title="Geodengue" href="../img/geodengue.png">
		<img src="../img/geodengue_thumb.png" style="float: left; margin: 0 10px 10px 0;" />
	</a>
	<b>2011: Geodengue</b><br/>
	Projeto desenvolvido para a disciplina Sistemas de Informações Geográficas, consistia em um SIg que controlava, sobre o mapa de uma cidade, agentes de saúde pública e focos de dengue, uma doença que aflinge centenas de milhares de pessoas no nordeste do Brasil. O sistema foi construído por uma equipe de 5 pessoas, que utilizaram GWT, Java, Geoserver, banco de dados PostgreSQL com a extensão Postgis, para manipular dados e consultas espaciais, tudo sobre uma camada do Google Maps.
</div>
<p/>
<div style="display: table-cell;">
	<a class="prints" title="Sistema de Informação - Restauração" href="../img/restauracao.png">
		<img src="../img/restauracao_thumb.png" style="float: right; margin: 0 0 10px 10px;" />
	</a>
	<b>2012: Sistema de Informação - Restauração</b><br/>
	Esse é um <i>pet project</i> meu, sendo um sistema de informação para a Restauração, uma banda da qual eu faço parte (toco baixo!). Ele registra cada evento e cada música que tocamos, com informações importantes para nós, de modo que possamos consultá-lo sempre que precisamos, por smartphones, notebooks ou dispositivos móveis. O login no sistema é feito através do Facebook, apenas para usuários permitidos (restrito por mim). Utilizei PHP, HTML/CSS, Javascript, requisições AJAX, efeitos jQuery e banco de dados PostgreSQL. O sistema está online no no endereço <a href="http://restauracao.co.cc" target="_blank">http://restauracao.co.cc</a>.
</div>
	


<?php 
$design->imprimir_rodape();
?>